<template>
  <div>
    <a-row>
      <a-col :span="6">
        <a-table :columns="columns" :data-source="data" bordered></a-table>
      </a-col>
      <a-col :span="18">
        <div class="cdinfo">
          <a-descriptions title="详细信息">
            <a-descriptions-item
              v-for="(value, key, index) in datainfo"
              :label="key"
              :key="index"
            >{{value}}</a-descriptions-item>
          </a-descriptions>
        </div>
      </a-col>
    </a-row>
  </div>
</template>
<script>
const columns = [
  {
    title: "Name",
    dataIndex: "name",
    scopedSlots: { customRender: "name" }
  },
  {
    title: "Cash Assets",
    className: "column-money",
    dataIndex: "money"
  },
  {
    title: "Address",
    dataIndex: "address"
  }
];

const data = [
  {
    key: "1",
    name: "John Brown",
    money: "￥300,000.00",
    address: "New York No. 1 Lake Park"
  },
  {
    key: "2",
    name: "Jim Green",
    money: "￥1,256,000.00",
    address: "London No. 1 Lake Park"
  },
  {
    key: "3",
    name: "Joe Black",
    money: "￥120,000.00",
    address: "Sidney No. 1 Lake Park"
  }
];

export default {
  data() {
    return {
      data,
      columns,
      datainfo:{
          本年检查日期: "2021.3.12",
          本年检测日期: "2021.3.13",
          所属公司:'中化道达尔燃油有限公司',
          单位名称:"中化道达尔燃油有限公司天津外环线北加油站",
          详细地址:"天津市北辰区外环西路以西",
          法人代表:"孟令鹤",
          现场负责人:"韩卓",
          联系方式:"022-26805930/13820797697",
          是否安装在线监测:"是",
          在线监控品牌及型号:"HENGHE智点加油站在线监测装置 HZD OMS-2",
          是否安装三次回收:"是",
          三次回收设备型号:"",
          是否安装集液罐:""	,
          '92号加油枪数':"",

      }
    }
  }
};
</script>
<style lang="scss" scoped>
th.column-money,
td.column-money {
  text-align: right !important;
}
.cdinfo {
  padding: 20px;
}
</style>
